/*全局*/
.w-1200{
    width: 1200px;
    margin: 0 auto;
}
.mt-80{
    margin-top: 80px;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
/*头部*/
.navBox{
    height: 127px;
    line-height: 127px;
    -moz-box-shadow: 0px 0px 10px #ebebeb;
    -webkit-box-shadow: 0px 0px 10px #ebebeb;
    box-shadow: 0px 0px 10px #ebebeb;
}
.navBox .logo{
    width: 286px;
    height: 127px;
    overflow: hidden;
}
.navBox .logo img, .introduceBox .introduce_img img, .detailsBox ul.detailsImg li img, .newsBox .news .news_img img, .chainStoreBox ul.light li img, .footBox .center img, .productList.masterBox ul li .productImg img, ul.listBox li .listImg, .strategyListBox .strategyListBox .strategyBox img, .profileBox .profileTxt div.w-520 img, .mvideo .tip img, ul.list li .listImg img, .mvideo .tip img, .processMain ul.processImg li div img, .schemeMain ul li .schemeImg img, .joinMain ul.supportList li div img{
    width: 100%;
    height: auto;
}
.navBox .nav li{
    float: left;
    height: 127px;
}
.navBox .nav li a{
    font-size: 20px;
    color: #595757;
    padding: 0 18px;
}
.navBox .nav li.act a, .navBox .nav li:hover a{
    color: #000;
}
.navBox .search{
    width: 29px;
    height: 27px;
    margin-left: 35px;
    margin-top: 52px;
    cursor: pointer;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: rgba(255,255,255,1);
}
.hserch{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,1);
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;
}
.hserch .img{
    width: 124px;
    display: block;
    position: absolute;
    left: 15.2%;
    top: 50px;
}
.hserch .img img{
    display: block;
    width: 100%;
}
.hserch i{
    display: block;
    width:80px;
    height:36px;
    position: absolute;
    right: 15.2%;
    top: 70px;
    cursor: pointer;
    background: url(../img/search-close.png) center right/16px no-repeat;
    font-size: 18px;
    color: #fff;
    font-style: normal;
    font-family: '微軟正黑體';
}
.hserch .box{
    height: 50px;
    width: 70%;
    margin: 20% auto 0;
    border-bottom: 1px solid rgba(255,255,255,0.8)
}
.hserch .box .inp{
    display: block;
    width: 70%;
    height: 50px;
    float: left;
    position: relative;
}
.hserch .box label{
    line-height: 20px;
    -webkit-transition: all .45s cubic-bezier(.23,1,.32,1);
    transition: all .45s cubic-bezier(.23,1,.32,1);
    z-index: 1;
    cursor: text;
    -webkit-transform: translateZ(0) scale(.75);
    transform: translateZ(0) scale(.75);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: -8px;
    position: absolute;
    color: #fff;
}
.hserch .box label.float{
    -webkit-transform: translate3d(0,28px,0) scale(1);
    transform: translate3d(0,28px,0) scale(1);
    color: #fff;
}
.hserch .box input{
    width: 70%;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    background-color: transparent;
    border: 0;
}
.hserch .box .sub{
    width: 50px;
    height: 50px;
    display: block;
    float: right;
    border:0;
    background:url(../img/serch.png) center/22px no-repeat;
}
/*banner*/
#indexSwiper, #indexSwiper .swiper-slide{
    height: 675px;
}
#indexSwiper img{
    width: 100%;
    height: 100%;
}
#indexSwiper .swiper-button-white{
    display: none;
}
#indexSwiper .swiper-button-next{
    right: 30px;
}
#indexSwiper .swiper-button-prev{
    left: 30px;
}
/*introduceBox*/
.introduceBox{
    padding: 69px 0 64px 0;
}
.introduceBox .introduce_img{
    width: 545px;
    height: 362px;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 2px 2px 5px rgba(44,44,44,.3), -17px -17px 0 #a1a1a1;
    -moz-box-shadow: 2px 2px 5px rgba(44,44,44,.3),-17px -17px 0 #a1a1a1;
    box-shadow: 2px 2px 5px rgba(44,44,44,.3), -17px -17px 0 #a1a1a1;
}
.biankuang{
    width: 2px;
    height: 2px;
    position: absolute;
    z-index: 99;
}
.biankuang_2 {
    width:0px;
    bottom:-2px;
    right:0px;
    border-top: 2px solid #a1a1a1;
}
.biankuang_3{
    height: 2px;
    top: -6px;
    right:0px;
    border-right: 2px solid #a1a1a1;
}
.introduceBox .introduce_txt{
    text-align: right;
    color: #595757;
}
.introduceBox .introduce_txt .title{
    width: 194px;
    height: 70px;
}
.introduceBox .introduce_txt h4{
    font-size: 30px;
    margin-top: 40px;
    margin-bottom: 15px;
}
.introduceBox .introduce_txt p{
    font-size: 16px;
    line-height: 1.7;
}
/*details*/
.detailsBox{
    background: #878787;
    padding: 84px 0 52px 0;
}
.detailsBox ul li{
    width: 160px;
    float: left;
    margin-right: 13px;
    cursor: pointer;
    text-align: center;
}
.detailsBox ul li:last-child{
    margin-right: 0;
}
.detailsBox ul.detailsImg li div{
    height: 417px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.detailsBox ul.detailsImg li:hover div{
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.detailsBox .lineBox{
    border-top:2px #fff solid;
    margin-top: 58px;
}
.detailsBox .lineBox ul li i{
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
}
.detailsBox .lineBox ul li p{
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    font-family: 'Times New Roman', Times, serif;
}
.detailsBox ul li.act p{
    color: #bfa268;
    transition: all 1s ease 0s;
}
.detailsBox .lineBox ul li{
    margin-top: -12px;
}
/*serviceBox*/
.serviceBox{
    padding: 68px 0 94px;
}
.serviceBox .title{
    margin-left: 40px;
}
.serviceBox .title img{
    width: 194px;
    height: 70px;
    vertical-align: middle;
}
.serviceBox .title span{
    color:#595757;
    font-size: 30px;
    margin-left: 12px;
}
.service_txt{
    width: 100%;
    height: 353px;
    background: url("../img/service_img.jpg") no-repeat;
    background-size: cover;
    margin-top: 40px;
    position: relative;
}
.service_txt div{
    background: #fff;
    width: 225px;
    position: absolute;
    right: 108px;
    top: 12px;
    height: 378px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 14;
    -webkit-box-orient: vertical
}
.service_txt div p{
    font-size: 16px;
    color: #595757;
    line-height: 1.7;
}
strong{
    font-weight: initial;
}
/*case*/
.caseBox{
    background: url("../img/caseBg.jpg") no-repeat;
    width: 100%;
    /*height: 415px;*/
    background-attachment: fixed!important;
    background-position: center center;
    background-size: cover;
}
.caseBox .w-1200{
    padding: 130px 0;
}
.caseBox ul{
    background: url("../img/caseBg.png") no-repeat;
    width: 1200px;
    height: 415px;
    background-size: cover;
}
.caseBox ul li{
    color: #fff;
    float: left;
    width: 33.2%;
    padding: 120px 0 170px 0;
}
.caseBox ul li div{
    padding-left: 145px;
}
.caseBox ul li:last-child div{
    padding-left: 50px;
}
.caseBox ul li h4{
    font-size: 30px;
    text-align: left;
}
.caseBox ul li p{
    font-size: 12px;
}
/*news*/
.newsBox {
    padding: 72px 0 98px;
}
.newsBox .title, .chainStoreBox .title{
    margin-left: 47px;
}
.newsBox .title img {
    width: 152px;
    height: 55px;
    vertical-align: bottom;
}
.newsBox .title span, .chainStoreBox .title span{
    color: #595757;
    font-size: 30px;
    margin-left: 20px;
}
.newsBox .newsList{
    min-height: 402px;
    overflow: hidden;
    margin-top: 60px;
}
.newsBox .newsList .left{
    width: 610px;
}
.newsBox .newsList .left .news_img{
    width: 610px;
    height: 240px;
}
.newsBox .news .news_img{
    overflow: hidden;
    transition: all 1s ease 0s;
}
.newsBox .news .news_img img{
    transition: all 1s ease 0s;
}
.newsBox .newsList .news:hover img{
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}
.newsBox .newsList .left .news_txt{
    padding: 30px 38px 28px 22px;
    border: 1px #eae4da solid;
    border-top:none;
}
.newsBox .news .news_txt{
    position: relative;
}
.newsBox .news .news_txt .time{
    background: url("../img/news_time.jpg") no-repeat left center;
    background-size: 16px 12px;
    color: #66728f;
    font-size: 12px;
    padding-left: 30px;
    position: absolute;
}
.newsBox .newsList .left .news_txt .time{
    right: 38px;
    top:30px;
}
.newsBox .fl .news .news_txt h4{
    width: 70%;
}
.newsBox .news .news_txt h4{
    color: #81735e;
    font-size: 20px;
    margin-top: -5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.newsBox .news .news_txt p{
    color: #777777;
    font-size: 16px;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.newsBox .right{
    width: 578px;
}
.newsBox .right .news{
    min-height: 124px;
    margin-bottom: 16px;
    border: 1px #eae4da solid;
}
.newsBox .right .news:last-child{
    margin-bottom: 0;
}
.newsBox .right .news_img{
    width: 198px;
    height: 124px;
}
.newsBox .right .news_txt{
    width:334px;
    padding: 0 24px 0 20px;
    border-left: none;
    min-height: 124px;
}
.newsBox .right .news_txt h4{
    margin-top: 10px;
}
.newsBox .right .news_txt p{
    -webkit-line-clamp: 2;
    font-size: 14px;
    margin-top: 10px;
    height: 40px;
}
.newsBox .right .news_txt .time{
    margin-top: 8px;
}
/*join*/
.joinBox {
    background: url("../img/joinBg.png") no-repeat;
    width: 100%;
    height: 840px;
    background-size: cover;
    margin-top: -70px;
    text-align: center;
}
.joinBox .w-1200{
    background: url(../img/join_bottom.png) no-repeat center bottom;
    height: 675px;
    padding-top: 70px;
    background-size: 1200px 170px;
}
.joinBox .title{
    width: 192px;
    height: 94px;
    margin: 80px auto 0;
}
.joinBox h4{
    font-size: 30px;
    color: #fff;
    margin-top: -20px;
}
.joinBox .join_txt{
    width: 805px;
    height: 150px;
    margin: 30px auto 0;
}
.joinBox .joinBtn{
    width: 150px;
    height: 35px;
    line-height: 35px;
    background: #e61a1a;
    border:1px #e61a1a solid;
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin: 40px auto 0;
    display: inline-block;
}
.joinBox .joinBtn:hover{
    background: none;
    border:1px #e61a1a solid;
    color: #e61a1a;
}
/*chainStore*/
.chainStoreBox{
    padding: 20px 0 64px 0;
}
.chainStoreBox .title img{
    width: 162px;
    height: 47px;
    vertical-align: top;
    margin-top: -10px;
}
.chainStoreBox .title span i{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #595757;
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}
.chainStoreBox .title span{
    margin-left: 10px!important;
}
.chainStoreBox .title span.small{
    font-size: 17px;
    margin-left: 0!important;
}
.chainStoreBox ul.light{
    margin-top: 50px;
    background-color: #000;
}
.chainStoreBox ul.light li{
    float: left;
    width: 300px;
    height: 282px;
    cursor: pointer;
}
.chainStoreBox ul.light li.on{
    opacity: 1;
    transition: all 1s ease 0s;
}
.chainStoreBox ul.light li.off{
    opacity: 0.3;
    transition: all 1s ease 0s;
}
/*foot*/
.footBox{
    padding: 55px 0 134px 0;
    background: #3c3c3c;
    text-align: center;
}
.footBox .left{
    width: 300px;
    padding: 70px 0 50px;
}
.footBox .left ul li{
    margin-bottom: 20px;
}
.footBox .left ul li:last-child{
    margin-bottom: 0;
}
.footBox .left ul li:hover a, .footBox .left ul li.on{
    color:#bfa268;
}
.footBox .left ul li a{
    color: #fff;
    font-size: 20px;
}
.footBox .center {
    width: 598px;
    height: 414px;
    border-right: 1px #878787 solid;
    border-left: 1px #878787 solid;
}
.footBox .right{
    width: 300px;
    padding: 125px 0;
}
.footBox .right img{
    width: 93px;
    height: 91px;
}
.footBox .right h4{
    color:#bfa268;
    font-size: 36px;
    line-height: 40px;
    font-family: Impact;
    margin-top: 34px;
}
.footBox .right p{
    color:#dfdfdf;
    margin-top: 5px;
}
/*subPage*/
.subBanner{
    width: 100%;
    height:673px;
    background-size: 100% 100%;
}
.subBanner .title{
    width: 325px;
    text-align: center;
    color: #fff;
}
.subBanner .title p{
    font-size:25px;
    font-family:AndaleMono;
    color:rgba(234,234,234,1);
    line-height:34px;
    letter-spacing:6px;
    padding-top: 240px;
    border-bottom: 1px #fff solid;
}
.subBanner .title h4{
    font-size:80px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(234,234,234,1);
}
/*产品中心*/
.productBanner{
    background: url("../img/productBanner.png") no-repeat;
}
.subTab{
    height: 100px;
    line-height: 100px;
    -moz-box-shadow:0px 0px 10px #a1a1a1;
    -webkit-box-shadow:0px 0px 10px #a1a1a1;
    box-shadow:0px 0px 10px #a1a1a1;
    margin-top:-27px;
    background: #fff;
}
.subTab li{
    font-size:22px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(90,88,89,1);
    text-align: center;
    cursor: pointer;
}
.subTab li span{
    margin: 0 100px;
    display: block;
    line-height: 94px;
}
.subTab.fourTab li span{
    margin: 0 50px;
}
.subTab li.act span{
    border-bottom: 6px rgba(214,185,145,1) solid;
    transition: all 0.4s ease 0s;
}
.subTab li:hover span{
    color:rgba(214,185,145,1);
    transition: all 0.4s ease 0s;
}
.subList{
    margin: 80px 0;
    text-align: center;
    display: none;
}
.titleBox h4{
    font-size:36px;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height:56px;
    letter-spacing:13px;
}
.titleBox p{
    font-family: Comic Sans MS;
    font-size: 30px;
    font-weight: normal;
    color: rgba(0,0,0,1);
    line-height: 40px;
    letter-spacing: 10px;
}
.crumbs{
    width:88px;
    height:40px;
    line-height: 40px;
    font-size:14px;
    font-weight:400;
    text-align: center;
    color:rgba(255,255,255,1);
    background:rgba(214,185,145,1);
    margin: 60px 0 26px 0;
}
.productList.masterBox ul li{
    box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1);
    height: 500px;
    margin-bottom: 80px;
}
.productList.masterBox ul li:last-child{
    margin-bottom: 0;
}
.productList.masterBox ul li .productImg{
    width: 500px;
    height: 500px;
    overflow: hidden;
}
.productList.masterBox ul li .productTxt{
    width: 700px;
    overflow: hidden;
}
.productList.masterBox ul li .productTxt div{
    padding: 68px 89px;
}
.productList.masterBox ul li .productTxt div h4{
    font-size:44px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(214,185,145,1);
    line-height:67px;
    letter-spacing:16px;
}
.productList.masterBox ul li .productTxt div p{
    font-size:20px;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height:47px;
    letter-spacing:6px;
    margin-top: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.productList.masterBox ul li:nth-child(2n) .productTxt div p{
    margin-top: 127px;
}
a.detailsBtn{
    width: 100px;
    height:30px;
    line-height:30px;
    border-radius:1px;
    border:1px solid rgba(214,185,145,1);
    font-size:14px;
    font-weight:400;
    color:rgba(214,185,145,1);
    display: inline-block;
}
.productList.masterBox ul li .productTxt div a.detailsBtn{
    margin-top: 25px;
}
a.detailsBtn:hover{
    color: #fff;
    background: rgba(214,185,145,1);
}
a.moreBtn{
    font-size:20px;
    font-weight:400;
    color:rgba(214,185,145,1);
    line-height:28px;
    margin: 80px auto 0;
    display: block;
    background: url("../img/right_icon.png") no-repeat 675px 6px;
    background-size: 20px 20px;
}
.productList.masterBox .moreBtn{
    margin: 80px auto 0;
}
a.moreBtn:hover{
    background: url("../img/right_icon.png") no-repeat 680px 6px;
}
.listBox ul.list li{
    width: 386px;
    min-height:360px;
    background:rgba(255,255,255,1);
    box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1);
    float: left;
    cursor: pointer;
    margin: 0 20px 20px 0;
}
.listBox ul.list li:nth-child(3n), .newsListBox ul.list li:nth-child(2n), .videoListBox ul.list li:nth-child(2n), .socialListBox ul li:nth-child(2n), .caseListBox ul li:nth-child(3n){
    margin-right: 0;
}
.listBox ul.list li .listImg{
    width:386px;
    height:260px;
    overflow: hidden;
}
 ul.list li .listImg img, .mvideo .tip img, .joinMain ul.supportList li img{
    display: block;
    opacity: 0.8;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
 ul.list li:hover img, .mvideo:hover img, .joinMain ul.supportList li:hover img{
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    opacity: 1;
}
.listBox ul.list li .listTxt{
    padding: 20px 0;
}
.listBox ul.list li .listTxt .fl{
    width: 60%;
    border-right: 1px rgba(234,234,234,1) solid;
}
.listBox ul.list li .listTxt .fr{
    width: 39.5%;
    padding: 20px 0;
}
.listBox ul.list li .listTxt .fl p{
    font-size:12px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:17px;
}
.listBox ul.list li .listTxt .fl h4{
    font-size:24px;
    font-weight:400;
    color:rgba(85,85,85,1);
    line-height:33px;
    margin-top: 4px;
}
.listBox ul.list li .listTxt .fr a{
    font-size:14px;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:20px;
}
.listBox ul.list li .listTxt .fr a i{
    width: 14px;
    height: 14px;
    line-height: 14px;
    border: 1px rgba(153,153,153,1) solid;
    font-style: normal;
    display: inline-block;
    margin-left: 6px;
}
.listBox ul.list li .listTxt .fr a:hover{
    color:rgba(214,185,145,1)
}
.listBox ul.list li .listTxt .fr a:hover i{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: -webkit-transform .8s ease-out;
    -moz-transition: -moz-transform .8s ease-out;
    transition: transform .8s ease-out;
}
.listBox ul.list li .listTxt .fr a:hover i{
    border:1px rgba(214,185,145,1) solid;
}
#pages{
    margin-top: 60px;
    font-size:12px;
}
#pages{
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:17px;
    display: inline-block;
}
#pages ul{
    margin-top: 0;
}
#pages a:first-child{
    margin-right: 30px;
}
#pages a:last-child{
    margin-left: 30px;
}
#pages a.off{
    color: #CCCCCC!important;
    cursor: not-allowed;
}
#pages ul li{
    width: 18px;
    height: 18px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:17px;
    float: left;
    margin-right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#pages ul li:last-child{
    margin-right: 0;
}
#pages ul li.act, #pages ul li:hover{
    background:rgba(214,185,145,1);
    color: #fff;
}
#pages a:hover{
    color: rgba(214,185,145,1);
}
/*详情*/
#detailsSwiper {
    width: 100%;
    height: 673px;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.detailsBTxt{
    text-align: center;
    padding: 80px 0 40px;
    box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1);
    border-radius:5px;
}
.detailsBTxt .w-1000{
    width: 1000px;
    margin: 40px auto 0;
    border-top:1px #EAEAEA solid;
}
.detailsBTxt .w-1000 ul{
    text-align: center;
    display: inline-block;
}
.detailsBTxt .w-1000 li:first-child{
    margin-top: 40px;
}
.detailsBTxt .w-1000 li{
    margin-top: 30px;
    text-align: left;
    font-size:24px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:33px;
}
.detailsBTxt .w-1000 li i{
    width:8px;
    height:8px;
    background:rgba(214,185,145,1);
    display: inline-block;
    margin-right: 20px;
}
.recommendList{
    margin: 80px 0;
    text-align: center;
}
.recommendList h4.titleTxt{
    font-size:24px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:33px;
    margin-bottom: 30px;
    text-align: left;
}
/*品牌能量*/
.brandBanner{
    background: url("../img/brandBg.png") no-repeat;
}
.newsListBox ul.list li, .videoListBox ul li, .socialListBox ul li, .caseListBox ul li{
    float: left;
    width: 590px;
    min-height: 522px;
    background: rgba(255,255,255,1);
    box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1);
    cursor: pointer;
    margin: 0 20px 20px 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.socialListBox ul li:hover, .caseListBox ul li:hover{
    margin-top: -20px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.socialListBox ul.list li .listImg img, .caseListBox ul.list li .listImg img{
    display: block;
    height: 100%;
    opacity: 1;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transform: scale(1);
    -webkit-transform: scale(1);
}
.socialListBox ul.list li:hover img{
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}
.newsListBox ul.list li .listImg, .videoListBox ul li .listImg{
    width:590px;
    height:355px;
    overflow: hidden;
}
.newsListBox ul.list li .listTxt{
    padding: 20px 20px 37px 20px;
}
.newsListBox ul.list li .listTxt h4{
    font-size:20px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:28px;
    letter-spacing:7px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.newsListBox ul.list li .listTxt .time{
    margin-top: 37px;
    font-size:12px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:17px;
    letter-spacing:2px;
}
.newsListBox ul.list li .listTxt .detailsBtn{
    margin-top: 30px;
}
.newsListBox ul.list li .listTxt .detailsBtn:hover{
    background: rgba(214,185,145,1);
}
.newsListBox a.moreBtn, .videoListBox a.moreBtn{
    margin: 60px auto 0;
}
/*品牌理念*/
.brandBox{
    text-align: center;
}
.brandBox .brandTop img{
    width: 100%;
    height: 100%;
}
.brandBox .brandTop div{
    width: 800px;
    margin: 60px auto 0;
}
.brandBox .brandTop div p{
    font-size:14px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:40px;
}
.brandList li.clearfix{
    overflow: hidden;
    min-height: 560px;
    position: relative;
    margin-top: 80px;
}
.brandList li .fl, .brandList li .fr{
    width: 50%;
}
.brandList li.clearfix:nth-child(2n){
    min-height: 829px;
}
.brandList li .brandImg div{
    width:351px;
    height:560px;
    border:4px solid rgba(214,185,145,1);
}
.brandList li .brandImg img{
    width:547px;
    height:520px;
    position: absolute;
    top:20px;
    left: 18px;
}
.brandList li.clearfix:nth-child(2n) .brandImg div{
    width:367px;
    height:870px;
}
.brandList li.clearfix:nth-child(2n) .brandImg img{
    width:545px;
    height:829px;
    position: absolute;
    top:20px;
    right: 18px;
    left: inherit;
}
.brandList li .brandTxt{
    margin-top: 20px;
}
.brandList li.clearfix:nth-child(2n) .brandTxt{
    margin-top: 84px;
}
.brandList li.clearfix:nth-child(3) .brandTxt{
    margin-top: 164px;
}
.brandList li .brandTxt .title div.nub{
    width:60px;
    height:60px;
    line-height: 60px;
    font-size:30px;
    font-weight:400;
    color:rgba(255,255,255,1);
    background:rgba(214,185,145,1);
    border-radius: 100%;
    display: block;
    margin-right: 40px;
}
.brandList li .brandTxt .title h4{
    font-size:18px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:25px;
    text-align: left;
}
.brandList li .brandTxt .title hr{
    width:240px;
    height:2px;
    background:rgba(90,88,89,1);
    margin: 10px 0;
}
.brandList li .brandTxt .title p{
    font-size:24px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:33px;
    text-align: left;
}
.brandList li .brandTxt ul li:first-child{
    margin-top: 40px;
}
.brandList li .brandTxt ul li{
    margin-top: 20px;
    text-align: left;
}
.brandList li .brandTxt ul li h5{
    font-size:20px;
    font-weight:600;
    color:rgba(90,88,89,1);
    line-height:28px;
}
.brandList li .brandTxt ul li p{
    font-size:14px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:24px;
}
/*视频中心*/
.mvideo .tip{
    width: 1200px;
    height: 500px;
    overflow: hidden;
}
.videoListBox .onVideo{
    background: url("../img/onVideo.png") no-repeat;
    width: 74px;
    height: 74px;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    cursor: pointer;
}

.mvideo .tip img{
    opacity: 0.9!important;
}
.mvideo .videoTxt{
    width: 1000px;
    padding-top: 40px;
    margin: 0 auto;
    font-size:16px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:34px;
    letter-spacing:6px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.videoListBox ul li{
    min-height: 500px;
}
.videoListBox ul li .listTxt{
    height: 145px;
    line-height: 145px;
    font-weight:400;
    color:rgba(90,88,89,1);
    letter-spacing:7px;
}
#mod_player{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#mod_player .mod_close{
    background: url("../img/mod_close.png") no-repeat;
    width: 37px;
    height: 37px;
    background-size: cover;
    position: absolute;
    top: -50px;
    right: -50px;
    cursor: pointer;
}
/*关于圣和*/
.aboutBanner{
    background: url("../img/aboutBg.png") no-repeat;
}
.socialListBox ul li{
    width: 580px;
    min-height: 460px;
    margin: 0 40px 40px 0;
}
.socialListBox ul li .listImg{
    width: 580px;
    height: 300px;
    overflow: hidden;
}
.socialListBox ul.list li .listTxt {
    padding: 26px 20px 28px 30px;
}
.socialListBox ul.list li .listTxt h4{
    font-size:24px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:33px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.socialListBox ul.list li .listTxt p{
    font-size:18px;
    font-weight:400;
    color:rgba(153,153,153,1);
    height: 50px;
    line-height:25px;
    margin-top: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.strategyListBox .strategyBox{
    min-height: 500px;
    background:rgba(255,249,241,1);
}
.strategyListBox .strategyBox .strategyImg{
    width: 648px;
    height: 500px;
    overflow: hidden;
}
.strategyListBox .strategyBox .strategyTxt{
    width: 442px;
    padding: 95px 55px 50px 55px;
}
.strategyListBox .strategyBox .strategyTxt h4{
    font-size:32px;
    font-weight:400;
    color:rgba(214,185,145,1);
    line-height:45px;
}
.strategyListBox .strategyBox .strategyTxt p{
    text-align: left;
    height: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}
.exhibitionBox h4, .purchaseBox h4, .skillBox .skillTxt div h4{
    font-size:32px;
    font-weight:400;
    color:rgba(214,185,145,1);
    line-height:45px;
}
.strategyListBox p{
    font-size:14px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:40px;
    margin-top: 30px;
}
.exhibitionBox div{
    width: 683px;
    margin: 30px auto 0;
}
.exhibitionBox p{
    height: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.purchaseBox{
    background: url("../img/about_04.png") no-repeat;
    width: 1200px;
    height: 1125px;
    background-size: cover;
    position: relative;
}
.purchaseBox .purchaseTxt{
    position: absolute;
    top:529px;
    left:105px;
}
.purchaseBox .purchaseTxt div{
    width: 290px;
    margin: 80px auto 0;
}
.purchaseBox .purchaseTxt div p{
    text-align: left;
    height: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.skillBox{
    background: url("../img/about_05.png") no-repeat;
    width: 1200px;
    height: 914px;
    background-size: cover;
    position: relative;
}
.skillBox .skillTxt{
    position: absolute;
    top: 500px;
    right: 84px;
}
.skillBox .skillTxt div{
    width: 463px;
    margin: 80px auto 0;
}
.skillBox .skillTxt div p{
    text-align: left;
    height: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;

}
.caseListBox ul li{
    width:373px;
    min-height:441px;
    margin: 0 40px 40px 0;
}
.caseListBox ul li .listImg{
    width:373px;
    height:373px;
    overflow: hidden;
}
.caseListBox ul li .listTxt{
    height: 68px;
    line-height: 68px;
    font-size:20px;
    font-weight:400;
    color:rgba(90,88,89,1);
}
.profileBox .profileTxt{
    min-height: 400px;
}
.profileBox .profileTxt div.w-583{
    width: 583px;
    padding: 68px 0 20px;
}
.profileBox .profileTxt div.w-583 ul li h4{
    font-size:48px;
    font-weight:400;
    color:rgba(214,185,145,1);
    line-height:67px;
}
.profileBox .profileTxt div.w-583 ul li p{
    font-size:18px;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:25px;
    margin-top: 10px;
}
.profileBox .profileTxt div.w-583 p.txt{
    font-size:14px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:20px;
    margin-top: 40px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.profileBox .profileTxt div.w-583 p.txt.c-3{
    height: 60px;
    -webkit-line-clamp: 3;
}
.profileBox .profileTxt div.w-583 p.txt.c-3:last-child{
    margin-top: 50px;
}
.profileBox .profileTxt div.w-583 p.txt.c-4{
    height: 80px;
    -webkit-line-clamp:4;
}
.profileBox .profileTxt div.w-583 p.txt.c-4:last-child{
    margin-top: 30px;
}
.profileBox .profileTxt div.w-520{
    width: 520px;
    height:400px;
    overflow: hidden;
}
.aboutDetails{
    width: 1000px;
    margin: 0 auto;
    padding: 80px;
    text-align: center;
}
.aboutDetails h4{
    font-size:30px;
    font-weight:500;
    color:rgba(90,88,89,1);
    line-height:42px;
}
.aboutDetails div.time{
    font-size:14px;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:20px;
    margin-top: 12px;
}
.aboutDetails p{
    font-size:18px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:40px;
    margin-top: 40px;
    text-align: left;
}
.aboutDetails img{
    width:100%;
    height: 100%;
    text-align: center;
    margin-top: 40px;
}
.aboutDetailsBottom{
    margin-top: 40px;
}
.aboutDetailsBottom ul li{
    text-align: left;
    font-size:12px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:17px;
}
.aboutDetailsBottom ul li a{
    color:rgba(90,88,89,1);
}
.aboutDetailsBottom ul li a:hover{
    text-decoration: underline;
}
.aboutDetailsBottom a.returnList{
    width:88px;
    height:40px;
    line-height: 40px;
    font-size:14px;
    font-weight:400;
    color:rgba(255,255,255,1);
    background:rgba(214,185,145,1);
    border:1px rgba(214,185,145,1) solid;
    display: block;
}
.aboutDetailsBottom a.returnList:hover{
    border:1px rgba(214,185,145,1) solid;
    color: rgba(214,185,145,1);
    background: #fff;
}
/*服务体系*/
.serviceBanner{
    background: url("../img/serviceBg.png") no-repeat;
}
.processMain .processTitle h4{
    font-size:24px;
    font-weight:600;
    color:rgba(90,88,89,1);
    line-height:33px;
}
.processMain .processTitle p{
    font-size:18px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:40px;
    margin-top: 40px;
}
.processMain ul.processImg{
    margin-top: 40px;
}
.processMain ul.processImg li{
    width:270px;
    float: left;
    padding: 30px 0;
    text-align: center;
    background:rgba(255,255,255,1);
    box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1);
    margin-right: 40px;
}
.processMain ul.processImg li:last-child{
    margin-right: 0;
}
.processMain ul.processImg li div{
    width:120px;
    height:120px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}
.processMain ul.processImg li h5{
    font-size:18px;
    font-weight:600;
    color:rgba(214,185,145,1);
    line-height:25px;
    margin-top: 30px;
}
.processMain ul.processImg li p{
    font-size:14px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:20px;
    margin-top: 20px;
}
.processMain .processBg{
    background: url("../img/process_05.png") no-repeat;
    width: 1144px;
    height: 661px;
    display: table;
}
.processMain .processBg h4{
    font-size:48px;
    font-weight:600;
    color:rgba(214,185,145,1);
    line-height:67px;
    display: table-cell;
    vertical-align: middle;
}
.processMain .processList h4{
    font-size:24px;
    font-weight:600;
    color:rgba(90,88,89,1);
    line-height:33px;
    margin-bottom: 22px;
}
.processMain .processList ul li, .problemListBox ul li{
    padding: 20px 0;
    border-bottom: 1px #EAEAEA solid;
    text-align: left;
    position: relative;
}
.processMain .processList ul li span, .problemListBox ul li span{
    font-size:20px;
    font-weight:600;
    color:rgba(214,185,145,1);
    line-height:28px;
    padding-left: 28px;
    position: absolute;
}
.processMain .processList ul li p, .problemListBox ul li p{
    font-size:18px;
    font-weight:400;
    color:rgba(90,88,89,1);
    padding-left: 78px;
}
.schemeMain h4{
    font-size:24px;
    font-weight:600;
    color:rgba(90,88,89,1);
    line-height:33px;
}
.schemeMain ul li{
    margin-top: 40px;
}
.schemeMain ul li .schemeImg{
    width: 300px;
    height: 300px;
    overflow: hidden;
}
.schemeMain ul li .schemeTxt{
    width: 860px;
    padding-left: 40px;
    font-size:18px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:40px;
    text-align: left;
}
.problemListBox ul li:first-child{
    margin-top: 62px;
}
/*伙伴加盟*/
.joinBanner{
    background: url("../img/joinBanner.png") no-repeat;
}
.joinMain{
    text-align: center;
    margin-bottom: 153px;
}
.joinMain ul.joinList li{
    margin-bottom: 118px;
}
.joinMain ul.joinList li:last-child{
    margin-bottom: 0;
}
.joinMain ul.joinList li .joinTxt img{
    margin-top: -45px;
}
.joinMain ul.joinList li .joinTxt.fl{
    text-align: left;
}
.joinMain ul.joinList li .joinTxt.fr{
    text-align: right;
}
.joinMain ul.joinList li .joinTxt p{
    font-size:14px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:30px;
}
.joinMain ul.supportList li{
    margin-top: 40px;
    margin-right: 34px;
    width:374px;
    min-height:507px;
    background:rgba(255,255,255,1);
    box-shadow:0px 4px 10px 0px rgba(0,0,0,0.1);
    display: inline-block;
}
.joinMain ul.supportList li:nth-child(3n){
    margin-right: 0;
}
.joinMain ul.supportList li div{
    width:374px;
    height:373px;
    overflow: hidden;
}
.joinMain ul.supportList li h4{
    font-size:18px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:25px;
    margin-top: 20px;
}
.joinMain ul.supportList li p{
    font-size:12px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:20px;
    margin-top: 10px;
}
.joinMain .demandList{
    margin-top: 40px;
    min-height: 300px;
    overflow: hidden;
}
.joinMain .demandList ul.fl li{
    width:243px;
    height:100px;
    line-height: 100px;
    font-size:14px;
    font-weight:400;
    color:rgba(120,104,82,1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}
.joinMain .demandList ul.fl li.act, .joinMain .demandList ul.fl li:hover{
    color:rgba(255,255,255,1);
    background:rgba(214,185,145,1);
}
.joinMain .demandList .list{
    background: url("../img/join_08.jpg") no-repeat;
    width: 957px;
    height: 300px;
}
.joinMain .demandList .list div{
    display: none;
}
.joinMain .demandList .list ul{
    padding: 90px 0 90px 107px;
}
.joinMain .demandList .list ul li{
    font-size:14px;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:30px;
    text-align: left;
}
.joinMain .demandList .list ul li i{
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    margin-right: 18px;
}
.joinMain .joinUs h4{
    font-size:30px;
    font-weight:400;
    color:rgba(90,88,89,1);
    line-height:70px;
    margin-top: 30px;
}
.joinMain .tellBox .title{
    background: url("../img/join_11.jpg") no-repeat;
    width: 538px;
    height: 23px;
    margin: 50px auto 0;
    text-align: center;
    font-size: 22px;
    color: #D6B991;
}
.joinMain .tellBox p{
    font-size:64px;
    font-weight:400;
    color:rgba(214,185,145,1);
    line-height:90px;
    margin-top: 50px;
    font-family: Arial, Helvetica, sans-serif;
}